<template>
    首页
    <XcTableV3 :data="tableData" :columns="columns" :header-cell-style="{ background: '#F1F5FC', color: '#595959' }"
        border>
        <template #operation="{ scope }">
            <el-button type="text">操作</el-button>
        </template>
    </XcTableV3>
</template>
<script lang="ts" setup>
import { ref } from "vue";
const tableData = ref([
    { type: '1234', reportDepartment: '我是填报部门字段超出显示自动隐藏', reportPerson: 'admin', responsibilityPerson: 'admin', reportDate: 123234234324, reportStatus: '1' }
])
const columns: any = ref([
    { type: 'selection' },
    {
        prop: 'type',
        label: '报表ID',
    },
    {
        prop: 'reportDepartment',
        label: '填报部门',
        tooltip: true,
    },
    {
        prop: 'reportPerson',
        label: '填报人',
    },
    {
        prop: 'responsibilityPerson',
        label: '责任人',
    },
    {
        prop: 'reportDate',
        label: '填报时间',
        formatDate: "yyyy-MM-dd HH:mm"
    },
    { label: '操作', slot: 'operation' },
])
</script>